Skip to content

如何提升前端的设计能力以及编码能力

在平时的前端开发中,可能会遇到实现一个功能时,不知道怎么优雅地去模块设计? 看到开源框架中的代码,有很多高大上的设计模式、数据结构和算法的东西,深感自己掌握的东西太少了,学无止境呀。 会看自己之前的代码,每每回想起当时写代码时捉襟见肘的场景,才体悟到“书到用时方恨少”。 如果平时多去花时间看一下大佬们写的代码,多去读一下优秀的框架中的设计思想,一定能让自己提升很多。 至少在做业务开发的时候,能轻松驾驭业务需求,写出一手易于维护可拓展的高质量代码。

下面的一些资源,或许能帮助我们不断的提升,常学常新,常看常练,日积月累,终有一日会成就不平凡的自己。

技巧类

  1. awesome--blackmagic :对于⾮常规需求,如何在业务中巧妙的使⽤奇技淫巧;
  2. frontend-tips :前端开发的⼩技巧;

源码类

  1. awesome-1kb :1KB级别的⼩⼯具,更多看设计思想;
  2. awesome-frontend-source-interpretation :对开源框架的学习;
  3. pocket-lodash :建议学习 lodash 这种⼩⽽精的库;
  4. jQuery :常看常新的jQuery;

资源类

  1. awesome-lowcode-component :low code精选资源库;
  2. awesome-lesscode :less code / no code 集合;
  3. awesome-state :前端状态管理的聚合,可以横向对⽐下前端状态管理;
  4. awesome github REPO :⾼质量的有趣的前端项⽬;
  5. awesome-web-dev-books :前端技术书籍;
  6. awesome-cs-books :计算机⽅⾯基础、提升的经典之作;
  7. awesome-javascript-cn :JS资源库;
  8. awesome-f2e-libs :云谦⼤佬整理的前端资源库;
  9. awesome-uni-app :uni-app的汇总;
  10. fe-awesome-demos :⼀个⽐较不错的demo⼩集合;
  11. developer-roadmap :roadmap⼤杂烩;
  12. clean-code-javascript :JS代码整洁之道;
  13. 30-seconds-of-code :30s⼀道题,没事看看;
  14. Airbnb JavaScript Style Guide :airbnb代码⻛格指南;
  15. every-programmer-should-know :每个程序员都应该知道的东⻄,不单独指前端开发;
  16. javascript-algorithms :JS的数据结构于算法;
  17. node-best-practices :node最佳实践;